<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>客片赏析</title> 
     <script src="./js/jquery.js"></script>
    <link rel="stylesheet" href="./css/nuo.css">
    <link rel="stylesheet" href="./css/kp.css">
    <script src="./js/swiper-8.3.0/swiper/swiper-bundle.min.js"></script>
    <link rel="stylesheet" href="./js/swiper-8.3.0/swiper/swiper-bundle.min.css">
  
</head>

<body>
    <div class="head">
        <div class="head_top">
            <h2>NOVAN&nbsp;&nbsp; <span></span>&nbsp;&nbsp; <text>诺安</text></h2>
            <div class="head_top_enter flex">
                <img src="./img/pc/位置.png" alt="">
                <img src="./img/pc/送货.png" alt="">
                <img src="./img/pc/个人信息.png" alt="">
                <p>175324468804</p>
            </div>
        </div>
    </div>
    <!--头部-->
    <div class="head_nav">
        <ul class="head_nav1 flex">
            <li><a href="index.html">
                    <p>首页</p>
                    <div>HOME</div>
                </a></li>
            <li><a href="yp.html">
                    <p>样品赏析</p>
                    <div>ORIGINAL WORKS</div>
                </a></li>
            <li><a href="#" class="nav_active">
                    <p>客片赏析</p>
                    <div>GUEST PHOTO</div>
                </a></li>
            <li><a href="Microfilm.html">
                    <p>微电影</p>
                    <div>MOISCRO FILM</div>
                </a></li>
            <li><a href="company.html">
                    <p>公司简介</p>
                    <div>COMPANY PROFIL</div>
                </a></li>
            <li><a href="pj.html">
                    <p>客户评价</p>
                    <div>EVALUATION</div>
                </a></li>
        </ul>

    </div>
    <div class="microfilm_title">
        <h1>CUSTOMDRMICRO</h1>
        <div class="microfilm_title1">
            <p>诺安&nbsp;&nbsp;|&nbsp;&nbsp;客片赏析</p>
        </div>
    </div>

    <ul class="kp_content " id="kp_tab" >   
            <li class="li">
                <ul class="kp_contents kp_flex">
                    <li><a href="kpDetail.html">
                            <img src="./img/images/3客片赏析_03.gif" alt="" />
                            <div class="kp_title">
                                <h3>李女士&王先生</h3>
                                <p>2022-09-12</p>
                                <p>地点：北京</p>
                            </div>
                        </a></li>
                    <li><a href="kpDetail.html">
                            <img src="./img/images/3客片赏析_05.gif" alt="" />
                            <div class="kp_title">
                                <h3>朱女士&盖先生</h3>
                                <p>2022-09-12</p>
                                <p class="small">地点：北京</p>
                            </div>
                        </a></li>
                    <li><a href="kpDetail.html">
                            <img src="./img/images/3客片赏析_07.gif" alt="" />
                            <div class="kp_title">
                                <h3>刘女士&陈先生</h3>
                                <p>2022-09-12</p>
                                <p class="small">地点：北京</p>
                            </div>
                        </a></li>
                    <li><a href="kpDetail.html">
                            <img src="./img/images/3客片赏析_12.gif" alt="" />
                            <div class="kp_title">
                                <h3>田女士&王先生</h3>
                                <p>2022-09-12</p>
                                <p class="small">地点：北京</p>
                            </div>
                        </a></li>
                    <li><a href="kpDetail.html">
                            <img src="./img/images/3客片赏析_13.gif" alt="" />
                            <div class="kp_title">
                                <h3>祝女士&余先生</h3>
                                <p>2022-09-12</p>
                                <p class="small">地点：北京</p>
                            </div>
                        </a></li>
                    <li><a href="kpDetail.html">
                            <img src="./img/images/3客片赏析_15.gif" alt="" />
                            <div class="kp_title">
                                <h3>闫女士&魏先生</h3>
                                <p>2022-09-12</p>
                                <p class="small">地点：北京</p>
                            </div>
                        </a></li>
                    <li><a href="kpDetail.html">
                            <img src="./img/images/3客片赏析_20.gif" alt="" />
                            <div class="kp_title">
                                <h3>李女士&王先生</h3>
                                <p>2022-09-12</p>
                                <p class="small">地点：北京</p>
                            </div>
                        </a></li>
                    <li><a href="#">
                            <img src="./img/images/3客片赏析_21.gif" alt="" />
                            <div class="kp_title">
                                <h3>李女士&王先生</h3>
                                <p>2022-09-12</p>
                                <p class="small">地点：北京</p>
                            </div>
                        </a></li>
                    <li><a href="#">
                            <img src="./img/images/3客片赏析_23.gif" alt="" />
                            <div class="kp_title">
                                <h3>李女士&王先生</h3>
                                <p>2022-09-12</p>
                                <p class="small">地点：北京</p>
                            </div>
                        </a></li>

                </ul>
            </li>
            <li class="li">
                <ul class="kp_contents kp_flex">
                    <li ><a href="#">
                            <img src="./img/images/3客片赏析_03.gif" alt="" />
                            <div class="kp_title">
                                <h3>李女士&王先生</h3>
                                <p>2022-09-12</p>
                                <p>地点：北京</p>
                            </div>
                        </a></li>
                    <li><a href="#">
                            <img src="./img/images/3客片赏析_05.gif" alt="" />
                            <div class="kp_title">
                                <h3>朱女士&盖先生</h3>
                                <p>2022-09-12</p>
                                <p>地点：北京</p>
                            </div>
                        </a></li>
                    <li><a href="#">
                            <img src="./img/images/3客片赏析_07.gif" alt="" />
                            <div class="kp_title">
                                <h3>刘女士&陈先生</h3>
                                <p>2022-09-12</p>
                                <p>地点：北京</p>
                            </div>
                        </a></li>
                    <li><a href="#">
                            <img src="./img/images/3客片赏析_12.gif" alt="" />
                            <div class="kp_title">
                                <h3>田女士&王先生</h3>
                                <p>2022-09-12</p>
                                <p>地点：北京</p>
                            </div>
                        </a></li>
                    <li><a href="#">
                            <img src="./img/images/3客片赏析_13.gif" alt="" />
                            <div class="kp_title">
                                <h3>祝女士&余先生</h3>
                                <p>2022-09-12</p>
                                <p>地点：北京</p>
                            </div>
                        </a></li>
                    <li><a href="#">
                            <img src="./img/images/3客片赏析_15.gif" alt="" />
                            <div class="kp_title">
                                <h3>闫女士&魏先生</h3>
                                <p>2022-09-12</p>
                                <p>地点：北京</p>
                            </div>
                        </a></li>
                    <li><a href="#">
                            <img src="./img/images/3客片赏析_20.gif" alt="" />
                            <div class="kp_title">
                                <h3>李女士&王先生</h3>
                                <p>2022-09-12</p>
                                <p>地点：北京</p>
                            </div>
                        </a></li>
                    <li><a href="#">
                            <img src="./img/images/3客片赏析_21.gif" alt="" />
                            <div class="kp_title">
                                <h3>李女士&王先生</h3>
                                <p>2022-09-12</p>
                                <p>地点：北京</p>
                            </div>
                        </a></li>


                </ul>
            </li>
            <li class="li">
                <ul class="kp_contents kp_flex">
                    <li><a href="#">
                            <img src="./img/images/3客片赏析_03.gif" alt="" />
                            <div class="kp_title">
                                <h3>李女士&王先生</h3>
                                <p>2022-09-12</p>
                                <p>地点：北京</p>
                            </div>
                        </a></li>
                    <li><a href="#">
                            <img src="./img/images/3客片赏析_05.gif" alt="" />
                            <div class="kp_title">
                                <h3>朱女士&盖先生</h3>
                                <p>2022-09-12</p>
                                <p>地点：北京</p>
                            </div>
                        </a></li>
                    <li><a href="#">
                            <img src="./img/images/3客片赏析_07.gif" alt="" />
                            <div class="kp_title">
                                <h3>刘女士&陈先生</h3>
                                <p>2022-09-12</p>
                                <p>地点：北京</p>
                            </div>
                        </a></li>
                    <li><a href="#">
                            <img src="./img/images/3客片赏析_12.gif" alt="" />
                            <div class="kp_title">
                                <h3>田女士&王先生</h3>
                                <p>2022-09-12</p>
                                <p>地点：北京</p>
                            </div>
                        </a></li>
                    <li><a href="#">
                            <img src="./img/images/3客片赏析_13.gif" alt="" />
                            <div class="kp_title">
                                <h3>祝女士&余先生</h3>
                                <p>2022-09-12</p>
                                <p>地点：北京</p>
                            </div>
                        </a></li>
                    <li><a href="#">
                            <img src="./img/images/3客片赏析_15.gif" alt="" />
                            <div class="kp_title">
                                <h3>闫女士&魏先生</h3>
                                <p>2022-09-12</p>
                                <p>地点：北京</p>
                            </div>
                        </a></li>
                    <li><a href="#">
                            <img src="./img/images/3客片赏析_20.gif" alt="" />
                            <div class="kp_title">
                                <h3>李女士&王先生</h3>
                                <p>2022-09-12</p>
                                <p>地点：北京</p>
                            </div>
                        </a></li>
                    <li><a href="#">
                            <img src="./img/images/3客片赏析_21.gif" alt="" />
                            <div class="kp_title">
                                <h3>李女士&王先生</h3>
                                <p>2022-09-12</p>
                                <p>地点：北京</p>
                            </div>
                        </a></li>
                
                
                </ul>
            </li>
            <li class="li"><ul class="kp_contents kp_flex">
                <li><a href="#">
                        <img src="./img/images/3客片赏析_03.gif" alt="" />
                        <div class="kp_title">
                            <h3>李女士&王先生</h3>
                            <p>2022-09-12</p>
                            <p>地点：北京</p>
                        </div>
                    </a></li>
                <li><a href="#">
                        <img src="./img/images/3客片赏析_05.gif" alt="" />
                        <div class="kp_title">
                            <h3>朱女士&盖先生</h3>
                            <p>2022-09-12</p>
                            <p>地点：北京</p>
                        </div>
                    </a></li>
                <li><a href="#">
                        <img src="./img/images/3客片赏析_07.gif" alt="" />
                        <div class="kp_title">
                            <h3>刘女士&陈先生</h3>
                            <p>2022-09-12</p>
                            <p>地点：北京</p>
                        </div>
                    </a></li>
                <li><a href="#">
                        <img src="./img/images/3客片赏析_12.gif" alt="" />
                        <div class="kp_title">
                            <h3>田女士&王先生</h3>
                            <p>2022-09-12</p>
                            <p>地点：北京</p>
                        </div>
                    </a></li>
                <li><a href="#">
                        <img src="./img/images/3客片赏析_13.gif" alt="" />
                        <div class="kp_title">
                            <h3>祝女士&余先生</h3>
                            <p>2022-09-12</p>
                            <p>地点：北京</p>
                        </div>
                    </a></li>
                <li><a href="#">
                        <img src="./img/images/3客片赏析_15.gif" alt="" />
                        <div class="kp_title">
                            <h3>闫女士&魏先生</h3>
                            <p>2022-09-12</p>
                            <p>地点：北京</p>
                        </div>
                    </a></li>
                <li><a href="#">
                        <img src="./img/images/3客片赏析_20.gif" alt="" />
                        <div class="kp_title">
                            <h3>李女士&王先生</h3>
                            <p>2022-09-12</p>
                            <p>地点：北京</p>
                        </div>
                    </a></li>
                <li><a href="#">
                        <img src="./img/images/3客片赏析_21.gif" alt="" />
                        <div class="kp_title">
                            <h3>李女士&王先生</h3>
                            <p>2022-09-12</p>
                            <p>地点：北京</p>
                        </div>
                    </a></li>
            
            
            </ul></li>
    </ul>
    <div class="bottom_back flex">
        <button type="button">上一页</button>
        <ul class="microfilm_tab flex jump2">
            <li class="tab">1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
        </ul>
        <button type="button">下一页</button>
    </div>
    <div class="bottom">
        <div class="live">
            <p>上海|广州|宁波|南京|苏州|成都|临沂|芜湖|东莞|西安|哈尔滨|郑州|九江|泉州|盐城│樟树</p>
            <p>厦门站|三亚站|深圳|大理|丽江</p>
            <p>大连|青岛|仙女湖|凤凰湾|南昌|上饶|新余|萍乡|赣州|吉安|鹰潭|永丰|兴国|宁都|修水|湘潭|易俗河</p>
            <p>全国免费咨询热线:400-004-6698(在线时间:每天09:00-23:00)</p>
        </div>
        <h1>NOVAN&nbsp;&nbsp; <span class="dot"></span>&nbsp;&nbsp;诺安</h1>
    </div>
    <script>
        $(function(){
            $('.jump2 li').click(function(){
                var $index = $(this).index()
                console.log($index)
                $(this).addClass("tab").siblings().removeClass("tab")
                $("#kp_tab .li").eq($index).show().siblings().hide()
            })
        })
        var swiper = new Swiper(".mySwiper", {
            pagination: {
                el: ".swiper-pagination",
            },
        });

       

    </script>
</body>

</html>